<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>更新用户</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../../css/oksub.css">
	<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
</head>
<body>
<div class="ok-body">
	<!--form表单-->
	<form class="layui-form layui-form-pane ok-form" lay-filter="form_body">
		<div class="layui-form-item">
			<label class="layui-form-label">校园用户</label>
			<div class="layui-input-block">
				<select id="cpdaily_users" name="cpdaily_user_id">
				</select>
			</div>
		</div>
		<!--<div class="layui-form-item">
			<label class="layui-form-label">验证码</label>
			<div class="layui-input-inline">
				<input type="text" name="mobileCode" placeholder="请输入验证码" autocomplete="off" class="layui-input">
			</div>
			<div class="layui-input-inline">
				<button class="layui-btn" id="sendCode" lay-submit lay-filter="sendCode">获取验证码</button>
			</div>
		</div>-->
		<div class="layui-form-item">
			<label class="layui-form-label">经度</label>
			<div class="layui-input-inline">
				<input type="text" name="longitude" placeholder="请输入经度" autocomplete="off" class="layui-input">
			</div>
			<label class="layui-form-label">纬度</label>
			<div class="layui-input-inline">
				<input type="text" name="latitude" placeholder="请输入纬度" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">外围签到</label>
			<div class="layui-input-block">
				<input type="checkbox" name="isMalposition" lay-skin="switch" lay-text="是|否" checked value="1">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">签到位置</label>
			<div class="layui-input-inline">
				<input type="text" name="position" placeholder="请输入签到位置" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">签到照片</label>
			<div class="layui-input-inline">
				<button type="button" class="layui-btn" id="signPhoto">
					<i class="layui-icon">&#xe67c;</i>上传图片
				</button>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">照片预览</label>
			<div class="layui-input-inline">
				<input type="hidden" id="signImageUrl">
				<img id="signImage" src="/images/avatar.png" width="40%" height="40%">
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">填报信息</label>
			<div class="layui-input-block">
				<textarea name="abnormalReason" placeholder="请输入填报信息" class="layui-textarea"></textarea>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit lay-filter="add">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
</div>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script>
	let initData;
	// let data;

	function initForm(data) {
		console.log(data);
		let jsonString = JSON.stringify(data);
		initData = JSON.parse(jsonString);
	}

	layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
		let form = layui.form;
		let laydate = layui.laydate;
		let okLayer = layui.okLayer;
		let okUtils = layui.okUtils;
		okLoading.close();

		layui.$.ajax({
			url:"/v1/cpdaily/user/list",
			type:"GET",
			dataType:"json",
			success:function(result){
				console.log(result);
				if (result.code === 0) {
					var initListObj = result.data;
					layui.$.each(initListObj,function (index,value) {
						var option = '';
						if(initListObj.length !== 0){
							option = '';
							layui.$.each(initListObj,function (index,value) {
								option +="<option value='" + value.id + "'>" + "【" + value.schoolName + "】" + value.studentId + "：" + value.name + "</option>";
							});
						} else {
							option = '<option value="-1">请选择！！！</option>';  //默认值
						}
						layui.$("#cpdaily_users").html("");
						layui.$("#cpdaily_users").append(option);
						form.render('select');
						var data = {
							"cpdaily_user_id" : initData.signUser.id,
							"longitude" : initData.signInfo.longitude,
							"latitude" : initData.signInfo.latitude,
							"isMalposition" : initData.signInfo.isMalposition,
							"position" : initData.signInfo.position,
							"abnormalReason" : initData.signInfo.abnormalReason,
						};

						layui.$("#signImageUrl").val(initData.signInfo.signPhotoUrl);

						if (layui.$("#signImageUrl").val() === "") {
							layui.$('#signImage').attr('src', "/images/avatar.png");
						} else {
							layui.$('#signImage').attr('src', "/images/sign/" + initData.signInfo.signPhotoUrl);
						}


						form.val("form_body", data);
					});
				} else {
					okLayer.redCryMsg(result.msg, function () {
						// parent.layer.close(parent.layer.getFrameIndex(window.name));
					});
				}
			}});



		// laydate.render({elem: "#birthday", type: "datetime"});

		// form.verify({
		// 	birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
		// });

		///v1/cpdaily/sign/update
		form.on("submit(edit)", function (data) {
			// okUtils.ajax("/v1/cpdaily/sign/add", "put", data.field, true).done(function (response) {
			// 	console.log(response);
			// 	okLayer.greenTickMsg("编辑成功", function () {
			// 		parent.layer.close(parent.layer.getFrameIndex(window.name));
			// 	});
			// }).fail(function (error) {
			// 	console.log(error)
			// });
			return false;
		});
	})
</script>
</body>
</html>
